<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		-->
		<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
	    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
	    <script src="js/jquery.min.js" type="text/javascript"></script>
	    <script src="sourse/layer/mobile/layer.js"></script>
	    
		</head>
		   
	<body>
		 <!--loading页开始-->
	<div class="loading">
	    <div class="loader">
	        <div class="loader-inner pacman">
	          <div></div>
	          <div></div>
	          <div></div>
	          <div></div>
	          <div></div>
	        </div>
	    </div>
	</div>
		<header>
			<div><span class="fa fa-angle-left" onclick="back()"></span></div>
			<div></div>
			<div style="font-size:3rem ;" class="zc">注册</div>
		</header>
		<section>
			<div class="head">
				<img src="img/tx.png"/>
			</div>
			<div class="mess">
				<ul>
					<li class="yc"><span class="fa fa-user"></span><label for="user">用户名：</label><input type="text" name="user" id="user" style="height: 100%;"/></li>
					<li class="yc"><span class="fa fa-lock"></span> <label for="paw">密码：</label><input type="text" name="paw" id="paw" style="height: 100%;"/></li>
				</ul>
				<form >
					<input type="submit" value="登录" />
				</form>
				<div class="foot">
					<p>
						手机号登录
					</p>
					<p>找回密码</p>
				</div>
			</div>
			
			
		</section>
			<div class="false"style="display: none;">
				<div>请完善信息<p>x</p></div>
			</div>
			
		<div class="footer">
				<h3>使用其他方式登录</h3>
				<ul>
					<li>
							<a href="#">
								<img src="img/qq.png"/>
								<p>QQ</p>
							</a>
					</li>
					<li>
							<a href="#">
								<img src="img/wb.png"/>
								<p>微博</p>
							</a>
					</li>
					<li>
							<a href="#">
								<img src="img/wx.png"/>
								<p>微信</p>
							</a>
					</li>
				</ul>
			</div>
	</body>
	<script src="js/zepto.min.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
			$(window).load(function(){
	            $(".loading").addClass("loader-chanage")
	            $(".loading").fadeOut(300)
	        })
			function back(){
				//window.history.go(-1)
				window.location.href="index.html";
			}
			$('.zc').click(function(){
				window.location.href="zc.html";
			})
			
			$('.yc').click(function(){
				$('.false').css('display','block')
			})
			$('.false p').click(function(){
				$('.false').css('display','none')
			})
	
	</script>

</html>
